var vueModal = {
	props: {
		visible: '',
		title: '',
		width: {
			default: '80%',
		},
		height: {
			default: '90%',
		}
	},
	data: function() {
		return {
			
		}
	},
	template: `<div class="modal-wrap" v-show="visible">
		     	<div class="m-modal" :style="{width: width,height: height}">
			        <div class="m-modal-header">
			          <h5>{{ title }}</h5>
			          <h5 style="cursor: pointer;" @click="closeSelf"><i class="fa fa-times"></i> 关闭</h5>
			        </div>
			        <div class="m-modal-body">
			        	<slot></slot>
			        </div>
			        <div class="m-modal-footer"></div>
			    </div>
			</div>`,
	methods: {
		closeSelf() {
			//this.show = !this.show;
	        this.$emit('update:visible',false);      
	    }
	}
}